.detailstopic { height: 100%; background: #f8f8f8; }

.detailstopic .top { background: #fff; display: flex; justify-content: space-between; padding: 0px 10px; height: 44px; line-height: 44px; font-size: 16px; color: #333; }

.detailstopic .top .title { width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.detailstopic .top .right .iconfont { font-size: 22px; color: #333; }

.detailstopic .theme-show .reference-md { background-color: #fff; box-shadow: 0px 0px 1px #ccc; text-align: center; }

.detailstopic .theme-show .reference-md img { width: 100%; }

.detailstopic .theme-show .reference-md .reference .avatar { font-size: 13px; margin: 10px 0; }

.detailstopic .theme-show .reference-md .reference .avatar img { width: 48px; height: 48px; margin: 0rem auto; border-radius: 26px; border: 1px solid #bfbfbf; margin-bottom: 6px; }

.detailstopic .theme-show .reference-md .reference .bar { font-size: 12px; line-height: 15px; font-family: arial; }

.detailstopic .theme-show .reference-md .reference .bar .icon { width: 15px; height: 15px; vertical-align: top; background-image: url(http://pub.szzhangchu.com/web/v4.2/images/ico/ico-read.png); background-size: cover; display: inline-block; }

.detailstopic .theme-show .reference-md .reference h4 { padding: 16px; font-size: 16px; }

.detailstopic .theme-show .theme-detail { padding-top: 2px; font-size: 14px; background-color: #fff; box-shadow: 0px 0px 1px #ccc; margin-top: 8px; overflow: hidden; }

.detailstopic .theme-show .theme-detail .edit { padding: 10px 5px; font-size: 15px; line-height: 22px; }

.detailstopic .theme-show .theme-detail .edit p { margin-bottom: 16px; padding: 0 10px; }

.detailstopic .theme-show .theme-detail .edit img { display: inline; width: 100%; }
